<template>
  <view>
    <view class="navbar">
      <u-icon name="arrow-left" color="#191919" size="20" @click="goBack()" class="back-box"></u-icon>
      <view class="title">待办</view>
    </view>
    <view class="content">
      <view class="basic-info">
        <view class="header-title">
          山西省能源局关于法律顾问服务单位选聘拟聘单位的公示
        </view>
        <view class="content-info">
          　　根据《山西省党政机关法律顾问管理办法》，省能源局近期进行了2022—2023年度法律顾问服务单位选聘工作。经研究决定，确定山西中吕律师事务所为我局法律顾问服务单位，特此公示。

          　　公示时间：2022年8月10日—2022年8月15日。

          　　公示期间，如有问题，请向我局反映。

          　　受理电话：0351-4117534
        </view>
      </view>
      <view class="sp-title">审核/审批</view>
      <view class="apply-info">
        <u--textarea height="127" border="none" v-model="value2" placeholder="请输入内容" count></u--textarea>
        <view class="save-btn">
          <view class="btn">
            <u-button type="primary" text="不同意" class="cancel-btn " @click="submit"></u-button>
            <u-button type="primary" text="同意" class="submit-btn" @click="submit"></u-button>
          </view>
        </view>
      </view>

    </view>
  </view>
</template>

<script>
  export default {
    props: {
      scrollHeight: {
        type: String,
        default: "90%",
      },
    },
    components: {},
    data() {
      return {
      };
    },
    onLoad() {

    },
    onShow() {


    },
    methods: {
      goBack() {
        uni.navigateBack();
      }

    },
  };
</script>

<style scoped lang="less">
  /deep/.u-textarea {
    border-radius: 0%;
  }

  /deep/.uni-textarea-textarea {
    font-size: 34rpx;
    color: #333333;
  }

  .navbar {

    .header-info {
      display: flex;
      height: 90rpx;
      line-height: 90rpx;
      margin-top: 86rpx;

      .u-icon {
        width: 30%;
        padding-left: 25rpx;
      }

      .title {
        font-size: 36rpx;
        font-weight: 500;
        color: #FFFFFF;
        text-align: center;
        width: 40%;
      }
    }


  }


  .content {
    background: #f2f2f2F;
    margin-top: 176rpx;

    .basic-info {
      background: #ffffff;
      padding: 0 34rpx;

      .header-title {
        font-size: 36rpx;
        line-height: 50rpx;
        font-weight: bold;
        color: #666666;
        padding: 24rpx 0;
        border-bottom: 1px solid #E8E8E8;
      }

      .content-info {
        font-size: 34rpx;
        line-height: 50rpx;
        color: #666666;
        padding: 40rpx 0;
      }
    }

    .sp-title {
      font-size: 30rpx;
      color: #999999;
      background: #f2f2f2;
      padding: 0 34rpx;
      height: 74rpx;
      line-height: 74rpx;
    }

    .apply-info {
      background: #ffffff;
    }

    .save-btn {
      background: #ffffff;
      position: fixed;
      width: 100%;
      bottom: 20rpx;

      .btn {
        display: flex;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, -10%);

        /deep/.u-button__text {
          font-size: 36rpx !important;
        }
      }

    }

    .submit-btn,
    .cancel-btn {
      width: 339rpx;
      height: 98rpx;
    }

    .cancel-btn {
      background: #FFFFFF;
      color: #333333;
      border-radius: 8rpx 8rpx 8rpx 8rpx;
      opacity: 1;
      border: 2rpx solid #E5E5E5;
      margin-right: 24rpx;
    }




  }
</style>